<script lang="ts" setup>
import { watch } from 'vue';

import { useStore } from 'vuex';
import loadingUtil from "./components/base/common/loadingUtil.vue";

const store = useStore()

// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
</script>

<template>
    <loadingUtil v-if="store.state.loading"></loadingUtil>
    <router-view />
</template>

<style lang="scss">
* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
html {
    min-width: 100%;
    height: 100%;
    body {
       height: 100%; 
       overflow: hidden;
    }
    #app {
        height: 100%;
    }
    body, div, section, main, footer, header, nav {
        // transition: all .3s ease-in-out;
        box-sizing: border-box;
    }
}
</style>
